<template>
  <div id="app">
    <topBanner v-if="$route.meta.isTopBannerShow"></topBanner>
    <headers v-if="$route.meta.isHeaderShow"></headers>
    <router-view :key="$route.path" />
    <foot v-if="$route.meta.isFootShow"></foot>
  </div>
</template>
<script>
import headers from "@/components/header.vue"
import foot from "@/components/foot.vue"
import topBanner from "@/components/topBanner.vue"
export default {
  components: {
    headers,
		foot,
		topBanner
  },
  created() {
  	const u = navigator.userAgent;
  	  const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  	  if (isiOS) {
		  this.$store.commit('isIos',true)
  	  } else {
		   this.$store.commit('isIos',false)
  	  };
  	  this.titleInit();
  },
  methods:{
	  titleInit(){
        this.$ajax.post("/system/info")
                .then(res => {
                  console.log(res.data.data.title);
                  if(res.data.code==0){
                    document.title=res.data.data.title;
                  }else {
                    console.log('获取title失败')
                  }
                })
      },
  }
}
</script>
<style lang="scss">
	.el-input .el-input--suffix{
		padding-left: 20px;
	}
	.row{
		width: 100%!important;
	}
body,html{
  width: 100%;
  overflow-x: hidden;
  >#app{
    width: 100%;
  }
}
.m-hide .el-collapse-item .el-collapse-item__content{
	padding-bottom: 0!important;
}
.m-hide .el-collapse-item .el-collapse-item__wrap{
	overflow:inherit!important;
}
.m-hide .el-collapse-item .el-collapse-item__arrow.el-icon-arrow-right:before{
		content: ""!important;
	}
.m-hide .el-collapse-item .el-collapse-item__wrap{
	border-bottom: none!important;
}
.m-hide .el-collapse-item .el-collapse-item__header{
		border-bottom: none!important;
		// height: 35px!important;
	}
.text_center1 .el-input__inner{
	// padding-left: 35px!important;
}
#el-collapse-head-1949{
		color: #606060!important;
	}
.vip-popper.el-popover{
	border-radius: 10px!important;
}
.vip-tips.el-popover{
	border-radius: 10px!important;
	background-color: #5d5d5d!important;
	color: #e3e3e3!important;
	font-size: 15px!important;
}
.vip-tips.el-popper[x-placement^=bottom] .popper__arrow:after{
		border-bottom-color: #5d5d5d;
	}
	.input-box .el-input__inner{
		outline: none;
		border: none!important;
		text-align: left!important;
	}
	.head-box .el-input__inner{
		 height: 45px;
		 line-height: 45px;
		 border-radius: 8px;
		 text-align: center;
	}
	
div{
	box-sizing: border-box;
	outline: none;
}
@media screen and (max-width:450px) {
	.el-message-box{
		width: 95%!important;
		transform: translateY(-30vh);
	}
		.b{
			flex-direction: column!important;
			align-items: flex-start!important;
		}
		.b .sumbit-btn{
			width: 200px;
		}
	}
	.b{
		display: flex;
		flex-direction: row;
		align-items: flex-end;
	}
</style>
